<ion-view>
  <!--消息提示 begin-->
  <ion-nav-title>
    公海（{{TABS_HOTEL_LIST[TAB_HOTEL_INDEX].count}}/{{TABS_HOTEL_LIST[TAB_HOTEL_INDEX].total}}）
  </ion-nav-title>
  <ion-nav-buttons side="right">
    <button class="button button-clear button-outline" ng-click="openMsgModal()">
      <i class="icon ion-ios-chatbubble-outline"></i>
      <i class="crm-message-dot" ng-if="hasMsg"></i>
    </button>
  </ion-nav-buttons>
  <!--消息提示 end-->
  <ion-content scroll="false">
    <tab-slide-box tab="0">
      <div class="tsb-icons">
        <div class="tsb-ic-wrp">
          <ion-scroll direction="x" class="tsb-hscroll">
            <a href="javascript:;" class="crm-tabs-bar" ng-repeat="tab in tabs" on-finish-render="test()">{{tab.name}}</a>
          </ion-scroll>
        </div>
      </div>
      <ion-slide-box show-pager="false"
                     on-slide-changed="slideHasChanged($index)">
        <ion-slide ng-repeat="tab in tabs" >
          <ng-include ng-if="tab.loaded" src="tab.templateUrl" style="height: 100%;"></ng-include>
        </ion-slide>
      </ion-slide-box>
    </tab-slide-box>
  </ion-content>
</ion-view>
<style>
  .slider-slide h3{
    color:#fff;
    margin-top:10px;
  }
  .tabbed-slidebox .tsb-icons:after{
    display:none;
  }
  .tsb-hscroll.scroll-view .scroll-bar{
    visibility:hidden;
  }
  .scroll-view.scroll-x{
    overflow-x: hidden;
  }
</style>